import json from './myjson.json'
import '../iconfont/iconfont.css'
import './mySass.scss'
import $ from 'jquery' //测试使用第三方模块  配置后可单独打包成一个模块
import( /*webpackChunkName:'qqq'*/ './index2.js').then(res => { //使用import来单独打包一个模块 /*webpackChunkName:'qqq'*/ => 来告诉webpack打包后的文件名
	console.log(res)
})
console.log(json)
console.log(asd())
console.log(process.env.NODE_ENV)

function asd() {	
	return 80
}

$('button').click(()=>{
	/*
	  不管是预加载还是懒加载这个文件都会被提前打包好
	  懒加载：在点击按钮时会下载该文件并加载
	  预加载：提前下载该文件，使用时再引入
	*/
	import( /*webpackChunkName:'testlazyANDpreLOAD', webpackPrefetch:true */ './lazyANDpreLOAD.js').then(res => {
		//导入过一次之后 之后就会在缓存里找
		console.log('懒加载和预加载')
	})
})

/*
webpack  ./src/index.js  -o  ./dist  --mode=development
webpack  ./src/index.js  -o  ./dist  --mode=production

webpack不能处理css/img资源
能处理js和json文件
*/
